﻿@model HelloMinasan.Web.Song.ViewModels.MailModel
<script src="~/Scripts/jquery-1.4.4.min.js"></script>
<link href="~/Content/jquery.autocomplete.css" rel="stylesheet" />
<script src="~/Scripts/jquery.autocomplete.js"></script>

<script>
    $(document).ready(function () {
        $("#Reciever").autocomplete("/Services/SuggestPerson");
    });
</script>

<div class="contentSection">
    <div class="titleSection">
        <img src="@Url.Content("~/Content/Images/messagenew.png")" width="20" height="20"/>
        <span class="titleTab">Compose mail</span>
    </div>
    <div class="contentSectionInside">
        <table width="100%">
            <tr>
                <td valign="top" style="width: 100px">
                    <a href="@Url.Content("~/MailBox/UnreadMail")" class="unreadMail">
                        <img src="@Url.Content("~/Content/Images/messagenew.png")" />
                        Unread mail</a>
                    <a href="@Url.Content("~/MailBox/ReadMail")" class="unreadMail">
                        <img src="@Url.Content("~/Content/Images/sentmail.png")" />
                        Read mail</a>
                    <a href="@Url.Content("~/MailBox/ComposeMail")" class="unreadMail">
                        <img src="@Url.Content("~/Content/Images/composer.png")" />
                        Compose mail</a>
                </td>
                <td valign="top" style="border: 1px solid #ccc;">
                    @using (Html.BeginForm())
                    {
                            <table width="100%">
                                <tr>
                                    <td valign="top">
                                        @Html.LabelFor(x => x.Reciever)
                                    </td>
                                    <td valign="top">
                                        @Html.TextBoxFor(x => x.Reciever)
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top" style="width: 100px">
                                        @Html.LabelFor(x => x.MailTitle)
                                    </td>
                                    <td valign="top">
                                        @Html.TextBoxFor(x => x.MailTitle)
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top" style="width: 100px">
                                        @Html.LabelFor(x => x.MailContent)
                                    </td>
                                    <td valign="top">
                                        @Html.TextAreaFor(x => x.MailContent, new { @class = "lyricTextArea" })
                                    </td>
                                </tr>
                            </table>
                            <input type="submit" value="Send now" /> @ViewBag.Message
                    }
                </td>
            </tr>
        </table>
    </div>
</div>
